<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <script>
        async function login() {
            // 获取用户输入的用户名和密码
            const username = document.getElementById("username").value;
            const password = document.getElementById("password").value;

            if (!username || !password) {
                alert("用户名和密码不能为空！");
                return;
            }

            // 构建登录数据
            const loginData = {
                username: username,
                password: password
            };

            try {
                // 发送 POST 请求到后端接口
                const response = await fetch("http://localhost:8081/login", {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json"
                    },
                    body: JSON.stringify(loginData)
                });

                // 解析返回的 JSON 数据
                const result = await response.json();

                // 根据 code 值处理结果
                if (result.code === 1) {
                    const user = result.data; // 提取返回的 user2 对象
                    if (user.role === "staff") {
                        alert("登录成功！欢迎员工：" + user.name);
                        window.location.href = "index_yuangong.jsp"; // 跳转到员工主页
                    } else if (user.role === "manager") {
                        alert("登录成功！欢迎管理员：" + user.name);
                        window.location.href = "index_jingli.jsp"; // 跳转到管理员主页
                    } else {
                        alert("登录成功，但用户角色未知，请联系管理员！");
                    }
                } else {
                    alert("登录失败：" + result.msg); // 显示错误消息
                }
            } catch (error) {
                console.error("登录请求失败：", error);
                alert("登录失败，请检查网络或联系管理员！");
            }
        }
    </script>
</head>
<body>
<h2>登录</h2>
<form onsubmit="event.preventDefault(); login();">
    <label for="username">用户名:</label>
    <input type="text" id="username" name="username" required><br><br>
    <label for="password">密码:</label>
    <input type="password" id="password" name="password" required><br><br>
    <button type="submit">登录</button>
</form>
</body>
</html>
